@charset "utf-8";html{background-color:var(--bg-color);color:var(--text-color3);}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;-webkit-tap-highlight-color: transparent;background-color: var(--bg-color);}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;
  color:var(--text-color3);line-height: 1;-webkit-text-size-adjust: none;background-color: var(--bg-color);height: 100%;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {text-decoration: none;}
#app{font-size: 30px;height: 100%;}

$font-sizes: 20,24,26,28,30,32,34,36,38,40; // 定义一个包含字体大小的列表
@for $i from 1 through length($font-sizes) {
  .font-size-#{nth($font-sizes, $i)}{ 
    font-size: nth($font-sizes, $i) + px; 
  }
}

$margin-top-sizes:10,20,30,40; // margin-top
@each $size in $margin-top-sizes {
  .margin-top-#{$size}{ 
    margin-top: #{$size} + px; 
  }
}


.font-weight-bold{font-weight: bold}
.display-flex{display: flex;}
.flex1{flex:1}
.flex-column{flex-direction: column;}

.text-red{color: var(--red-color);}
.text-color8{color: var(--text-color8);}
.text-color9{color: var(--text-color9);}

.text-tr{text-align: right;}
.text-tc{text-align: center;}

